<style scoped>
#pay {
  text-align: center;
}
#pay > div {
  margin: 20px 0;
}
</style>
<template>
  <div id="pay">
    <div>
      <van-button type="primary" @click="success">模拟支付成功</van-button>
    </div>
    <div>
      <van-button type="primary" @click="gotoOrder">前往订单页面</van-button>
    </div>
    <div>
      <van-button type="primary" @click="$router.push('/')"
        >返回首页</van-button
      >
    </div>
  </div>
</template>

<script>
import { Toast } from "vant";
export default {
  methods: {
    success() {
      Toast.fail("支付成功");
    },
    gotoOrder() {
      this.$router.push("/indent");
    },
  },
};
</script>